<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>首页-index.html</title>
    <include file="public@head_xy"/>
    <style>
       .service a:link{color: #FFFFFF}
    </style>
</head>
<body>
<div class="div_nav"></div>
<include file="public@nav"/>

<div class="container index_header" style="z-index:1">
    <div class="index_banner" id="wrapper">
            <em class="drape_banner"></em>
            <ul id="home-slider" class="home-slider">
                <slides id="2">
                    <div class="slider-item">
                        {/*:print_r($vo);*/}
                        <img alt="{$vo.description|default=''}" href="{$vo.url|default=''}" width="1920px" height="790px" src="{:cmf_get_image_url($vo.image)}"/>
                    </div>
                </slides>
            </ul>
        <div class="design_box">
            <div class="design" id="home-slider-nav">
                <dl class="sel" onMouseOver="banner_hover(0)">
                    <dt>
                        {$theme_widgets['features']['vars']['features'][0]['title']|default='网站维护中。。。'}
                    </dt>
                    <dd class="design_dd">
                        {$theme_widgets['features']['vars']['features'][0]['content']|default='网站维护中。。。'}
                    </dd>
                </dl>
                <dl class="design_center" onMouseOver="banner_hover(1)">
                    <dt>
                        {$theme_widgets['features']['vars']['features'][1]['title']|default='网站维护中。。。'}
                    </dt>
                    <dd class="design_dd">
                        {$theme_widgets['features']['vars']['features'][1]['content']|default='网站维护中。。。'}
                    </dd>
                </dl>
                <dl class="design_center" onMouseOver="banner_hover(2)">
                    <dt>
                        {$theme_widgets['features']['vars']['features'][2]['title']|default='网站维护中。。。'}
                    </dt>
                    <dd class="design_dd">
                        {$theme_widgets['features']['vars']['features'][2]['content']|default='网站维护中。。。'}
                    </dd>
                </dl>
                <dl class="design_center" onMouseOver="banner_hover(3)">
                    <dt>
                        {$theme_widgets['features']['vars']['features'][3]['title']|default='网站维护中。。。'}
                    </dt>
                    <dd class="design_dd">
                        {$theme_widgets['features']['vars']['features'][3]['content']|default='网站维护中。。。'}
                    </dd>
                </dl>
                <div class="clear"></div>
            </div>
        </div>
        <div class="service_bg">
            <div class="service">
                <dl class="service01" onClick="document.location=''"
                    onMouseOver="this.className='service_hover service01'" onMouseOut="this.className='service01'">
                    <dt>
                        <a href="javascript:void(0)">手机+微信网站建设</a>
                    </dt>
                    <dd>
                        助你迅速全方位占领移动手机平台
                    </dd>
                </dl>
                <dl class="service02" onClick="document.location='//'"
                    onMouseOver="this.className='service_hover service02'" onMouseOut="this.className='service02'">
                    <dt>
                        <h1 style="font-size:16px;"><a href="javascript:void(0)">网站建设一条龙服务</a></h1>
                    </dt>
                    <dd>
                        策划、设计、制作、推广
                    </dd>
                </dl>
                <dl class="service03" onClick="document.location='//'"
                    onMouseOver="this.className='service_hover service03'" onMouseOut="this.className='service03'">
                    <dt>
                        <a href="javascript:void(0)">主机、域名、邮箱</a>
                    </dt>
                    <dd>
                        稳定、高速、全能
                    </dd>
                </dl>
                <dl class="service04" onClick="document.location='//'"
                    onMouseOver="this.className='service_hover service04'" onMouseOut="this.className='service04'">
                    <dt>
                        <a href="javascript:void(0)">网站改版、网站维护</a>
                    </dt>
                    <dd>
                        让你网站更健康、更安全、更高效
                    </dd>
                </dl>
                <div class="clear"></div>
            </div>
        </div>
    </div>

</div>

<div class="content">
    <div class="cases">
        <div class="content_title">
            <div class="content_title3">
                <a class="title_ch" href="javascript:void (0);">实际案例</a>
                <span class="title_en">Actual case</span>
            </div>
        </div>
        <div class="cases_dl" init="false">
            <dl>
                <dt>
                    <a href="#"><img class="img_case" alt="磨房网站"
                                     src="__TMPL__/public/assets/html-c-j/images/1386913312.jpg" width="380px"
                                     height="235px"/></a>
                </dt>
                <dd class="cases_name">
                    磨房网站
                </dd>
                <dd class="cases_int">
                    磨房网站的主题是自助旅行和户外运动，提供论坛、圈子、活动约伴、相册、二手装备交易等 ...
                </dd>
            </dl>
            <dl class="cases_center">
                <dt>
                    <a href="#"><img class="img_case" alt="欧杰酒业-商城"
                                     src="__TMPL__/public/assets/html-c-j/images/1414983025.jpg" width="380px"
                                     height="235px"/></a>
                </dt>
                <dd class="cases_name">
                    欧杰酒业-商城
                </dd>
                <dd class="cases_int">
                    欧杰酒业总公司在香港，致力于发展大陆和香港的葡萄酒网上销售服务。特与网络联合开 ...
                </dd>
            </dl>
            <dl>
                <dt>
                    <a href="#"><img class="img_case" alt="魔派广告机"
                                     src="__TMPL__/public/assets/html-c-j/images/1421387685.jpg" width="380px"
                                     height="235px"/></a>
                </dt>
                <dd class="cases_name">
                    魔派广告机
                </dd>
                <dd class="cases_int">
                    州魔派电子科技有限公司是集产品研发、生产、销售、服务于一体的多元化高科技公司，多年 ...
                </dd>
            </dl>
            <div class="clear"></div>
        </div>
    </div>
    <div class="news_bg">
        <div class="news">
            <div class="content_title">
                <div class="content_title4">
                    <a class="title_ch" href="javascript:void (0);">新闻资讯</a>
                    <span class="title_en">News</span>
                </div>
            </div>
            <div class="news_con">
                <div class="news_con_left">
                    <dl>
                        <dt>
                            <div class="news_title fl">
                                <a href="news_detail.html" target="_blank">【再签】中国建设银行-深圳分行</a>
                            </div>
                            <div class="news_date fr"></div>
                            <div class="clear"></div>
                        </dt>
                        <dd>
                            <a href="news_detail.html" target="_blank">
                                热烈祝贺网络和建行银行深圳分行再度合作，经过一年多的合作双方配合默契，双方已经进行了多次的合作，前期项目经过深圳分行的 ...</a>
                        </dd>
                    </dl>
                    <dl>
                        <dt>
                            <div class="news_title fl">
                                <a href="/news/2493.html" target="_blank">【签约】深圳市侨商投资管理有限公司</a>
                            </div>
                            <div class="news_date fr"></div>
                            <div class="clear"></div>
                        </dt>
                        <dd>
                            <a href="/news/2493.html" target="_blank">网络和侨商投资合作其企业官网
                                公司是由深圳市九泰资本管理有限公司、深圳市侨商投资集团、深圳市福同创新基金、华润集团直 ...</a>
                        </dd>
                    </dl>
                    <dl style="border:none">
                        <dt>
                            <div class="news_title fl">
                                <a href="/news/2492.html" target="_blank">【签约】极致兴通-官网建设</a>
                            </div>
                            <div class="news_date fr"></div>
                            <div class="clear"></div>
                        </dt>
                        <dd>
                            <a href="/news/2492.html" target="_blank">深圳极致兴通科技有限公司是一家专业工业产品的外贸公司，首页效果图已经做出查看http://test30.szfangwei.net/gckj/index.htm
                                ...</a>
                        </dd>
                    </dl>
                </div>
                <div class="news_con_right">
                    <dl>
                        <dt>
                            <div class="news_title fl">
                                <a href="/news/2491.html" target="_blank">网站建设过程中网页字体的使用规范</a>
                            </div>
                            <div class="news_date fr"></div>
                            <div class="clear"></div>
                        </dt>
                        <dd>
                            <a href="/news/2491.html" target="_blank">字体：文字的外在形式特征。就是文字的风格，是文字的外衣。
                                字体的艺术性体现在其完美的外在形式与丰富的内涵之中。 字体是文化的载 ...</a>
                        </dd>
                    </dl>
                    <dl>
                        <dt>
                            <div class="news_title fl">
                                <a href="/news/2490.html" target="_blank">光电行业企业网站规划设计二</a>
                            </div>
                            <div class="news_date fr"></div>
                            <div class="clear"></div>
                        </dt>
                        <dd>
                            <a href="/news/2490.html" target="_blank">七、网站开发与后台设计要求： 1、
                                网站配色、结构和整体风格的创意方面要满足我们公司基本的VI要求，将VI和LED照明相结合，整合到 ...</a>
                        </dd>
                    </dl>
                    <dl style="border:none">
                        <dt>
                            <div class="news_title fl">
                                <a href="/news/2489.html" target="_blank">光电行业企业网站规划设计</a>
                            </div>
                            <div class="news_date fr"></div>
                            <div class="clear"></div>
                        </dt>
                        <dd>
                            <a href="/news/2489.html" target="_blank">光电行业企业网站网站规划方案： 一：关键字： XXXXX产品、网络营销、网络品牌 二：目的：
                                通过互联网更好的展示我们公司的产品和品牌信息 ...</a>
                        </dd>
                    </dl>
                </div>
                <div class="clear"></div>
            </div>
        </div>
    </div>

    <!--   <div class="partners">
        <div class="content_title">
         <div class="content_title2">
          <span class="title_ch">合作伙伴</span>
          <span class="title_en">partners</span>
         </div>
        </div>
        <div class="partners_table" init="false">
         <ul>
          <li><img alt="建设银行" class="img_partner" src="__TMPL__/public/assets/html-c-j/images/1393928779.jpg" /></li>
          <div class="clear"></div>
         </ul>
         <div class="clear"></div>
        </div>
       </div>-->

</div>
<hook name="footer_start"/>
<footer id="foot">
    <div class="footer">
        <div class="footer_con">
            <div class="footer_dl">
                <dl>
                    <dt>
                        关于
                    </dt>
                    <php>$about = $theme_widgets['foot_nav']['vars']["about"];</php>
                    <volist name="about" id="vo">
                        <dd>
                            <a href="{$vo.path}" target="_blank" style="color: #0e93e0">{$vo.title}</a>
                        </dd>
                    </volist>
                </dl>

                <dl>
                    <dt>
                        经典案例
                    </dt>
                    <php>$case = $theme_widgets['foot_nav']['vars']["case"];</php>
                    <volist name="case" id="vo">
                        <dd>
                            <a href="{$vo.path}" target="_blank" style="color: #0e93e0">{$vo.title}</a>
                        </dd>
                    </volist>
                </dl>

                <dl>
                    <dt>
                        服务范围
                    </dt>
                    <php>$service = $theme_widgets['foot_nav']['vars']["service"];</php>
                    <volist name="service" id="vo">
                        <dd>
                            <a href="{$vo.path}" target="_blank" style="color: #0e93e0">{$vo.title}</a>
                        </dd>
                    </volist>
                </dl>

                <dl class="footer_dl2" style="width:340px;">
                    <dt>
                        联系我们
                    </dt>
                    <dd>
                        <img src="__TMPL__/public/assets/html-c-j/images/xinlang.png" alt="官方微博"/>
                        <a href="http://weibo.com/szfangwei" rel="noFollow" target="_blank" style="color: #0e93e0">官方微博:
                            http://weibo.com/</a>
                    </dd>
                    <dd>
                        <img src="__TMPL__/public/assets/html-c-j/images/mail.png" alt="咨询邮箱"/>
                        <a href="mailto:sales@szfangwei.cn" style="color: #0e93e0">咨询邮箱：sales@123.cn</a>
                    </dd>
                    <dd>
                        <img src="__TMPL__/public/assets/html-c-j/images/tel.png" alt="咨询电话"/>
                        <p style="display: inline-block; margin: 0px;padding: 0px; color: #0e93e0;">咨询热线：999-999999</p>
                    </dd>
                    <dd>
                        <img src="__TMPL__/public/assets/html-c-j/images/weixin.png" alt="微信"/>
                        <p style="display: inline-block; margin: 0px;padding: 0px;color: #0e93e0;">微信：网站建设</p>
                    </dd>
                </dl>

                <form id="mainForm">
                    <dl class="footer_dl3">
                        <dt>
                            给我们留言
                        </dt>
                        <dd>
                            <input name="name" class="input" type="text" value="称呼（必填）"
                                   onfocus="if(this.value='称呼（必填）')this.value=''"
                                   onblur="if(this.value == '')this.value='称呼（必填）'"/>
                        </dd>
                        <dd>
                            <input name="tel" class="input" type="text" value="电话（必填）"
                                   onfocus="if(this.value='电话（必填）')this.value=''"
                                   onblur="if(this.value == '')this.value='电话（必填）'"/>
                        </dd>
                        <dd>
                            <textarea id="textbox" name="content" cols="" rows=""></textarea>
                            <span id="zi" style="color: #0e93e0;font-size: 16px"></span>
                        </dd>
                        <dd>
                            <input id="agreementSub" type="button" value="提交留言"
                                   style="width: 80px; height: 35px; background-color: #0e93e0; color: #fff;">
                        </dd>
                    </dl>
                    <input id="j-ip" type="hidden" name="ip" value="">
                    <input id="j-city" type="hidden" name="city" value="">

                </form>

                <div class="clear"></div>
            </div>
            <div class="link">
                友情链接：
                <div class="links">
                    <links>
                        <a href="{$vo.url|default=''}" target="{$vo.target|default=''}">{$vo.name|default=''}</a>&nbsp;
                    </links>

                </div>
            </div>
        </div>
    </div>
</footer>
<include file="public@footer_jh"/>
</body>
<include file="public@scripts_xy"/>
<script>
    $(document).ready(function(){
        //console.log(returnCitySN['cip'] + returnCitySN['cname']);//看看当前用户所在地址和ip
        document.getElementById('j-ip').value = returnCitySN['cip'];
        document.getElementById('j-city').value=returnCitySN['cname'];
        $("#agreementSub").click(function () {
            $.ajax({
                type: 'post',
                url: "{:url('portal/Index/message_index')}",
                data: $("form").serialize(),
                dataType:'json',
                success: function(data) {
                    var obj = eval(data);
                    if(obj.code == 1){
                        alert(obj.msg);
                    }
                    else if(obj.code ==0){
                        alert(obj.data);
                    }
                    console.log(data);
                },
                error:function(){
                    alert("无法连接到服务器：失败了！")
                }
            });
        });

        $("#textbox").keyup(function () {
            // document.getElementById('zi').innerHTML = $.trim(this.value).length;
            var count = 40 - $.trim(this.value).length;
            if (count > 0 && count <= 40){
                document.getElementById('zi').innerHTML = "还剩："+count+" 字";
            }else if(count == 40){
                document.getElementById('zi').innerHTML = "";
            }else {
                document.getElementById('zi').innerHTML = "字太多了：" + $.trim(this.value).length+"字";
                document.getElementById('textbox').onkeypress = "return false;";

            }
        });

        $(".service").mouseover(function () {
            $("#home-slider").addClass("operation");
            $(".drape_banner").css("display","block");
        });
        $(".service").mouseout(function () {
            $("#home-slider").removeClass("operation");
            $(".drape_banner").css("display","none");
        });
    });
</script>
</html>